﻿@{
	Layout = null;
}

		<script type="text/javascript">
			$('div.Treeview').jstree({
				"plugins": ["themes", "html_data", "ui", "crrm", "contextmenu", "types", "cookies"],
				"types": {
					"valid_children": ["root"],
					"types": {
						"root": {
							"icon": {
								"image": "/Content/Images/Icons/globe_icon.png"
							}
						},
						"region": {
							"icon": {
								"image": "/Content/Images/Icons/folder_closed_icon.png"
							}
						},
						"location": {
							"icon": {
								"image": "/Content/Images/Icons/marker_icon.png"
							},
							"max_depth": 0,
							"max_children": 0
						}
					}
				},
				"core": {
					"animation": 150,
					"html_titles": true
				},
				"cookies": {
					save_opened: true
				}
			});
		</script>

		<div class="treeViewContainer">
			<div class="Treeview">
				<ul>
					<li rel="root">
						<a href="#">logikbug.com</a>
						<ul>
							<li rel="region">l
								<a href="#">South West</a>
								<ul>
									<li rel="location"><a href="#">Phoenix, AZ</a></li>
									<li rel="location"><a href="#">San Diego, CA</a></li>
									<li rel="location"><a href="#">Los Vegas, NV</a></li>
								</ul>
							</li>
							<li rel="region">
								<a href="#">Mid East</a>
								<ul>
									<li rel="location"><a href="#">New York, NY</a></li>
									<li rel="location"><a href="#">White Plains, NY</a></li>
									<li rel="location"><a href="#">Boston, MA</a></li>
								</ul>
							</li>
						</ul>
					</li>
					<li rel="root">
						<a href="#">bitmasking.com</a>
						<ul>
							<li rel="region">
								<a href="#">South West</a>
								<ul>
									<li rel="location"><a href="#">Phoenix, AZ</a></li>
									<li rel="location"><a href="#">San Diego, CA</a></li>
									<li rel="location"><a href="#">Los Vegas, NV</a></li>
								</ul>
							</li>
						</ul>
					</li>
				</ul>
			</div>
		</div>